@charset "utf-8";
/* CSS Document */
body,ul,li,p,dl,dt,dd,br,form,img { margin:0; padding:0; border:0; list-style:none;color:#393939;font:12px/1.5,'微软雅黑','Microsoft YaHei UI', "\5B8B\4F53";}
div,table { line-height:24px; }
a { font-size:14px; color:#000; text-decoration:none}
a:hover { }
.left { float:left}
.right { float:right}

.clear { clear:both;}
/*ie and firefox1.5 updata */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*公共样式*/
/*margin-top */
.mt10{ margin-top:100px;}
.mt8{ margin-top:80px;}
.mt3{ margin-top:30px;}
.mt2{ margin-top:20px;}

@media screen and ( max-width: 768px ){
    .mt8{ margin-top:2rem;}

}
/* 框架 */
.conbox {margin:0 auto; width:1200px;}
header { height:70px;  background:#f9f9f9; border-bottom:2px solid #d3d1d0;}
.logo{ width:170px; height:40px; margin-top:15px; float:left;}
/*.searchbox input{outline:none;}*/
/*.searchbox{ width:180px;height:31px; line-height:31px;margin-top:25px; float:right; background:url(../images/index/sear_bg.png) no-repeat center;}*/
/*.searchtxt{ width:142px;height:30px; border:0px; float:left; padding-left:10px; background:transparent;}*/
/*.searchbtn{ width:17px; height:30px; border:0px; float:left;background:url(../images/index/sear_btn.png) no-repeat center; cursor:pointer;}*/

.wz_menu{  float:left; width:750px; margin-left:90px;}
.wz_menu .wz_menulist{ width:100%; margin:0px auto;}
.wz_menu .wz_menulist li{ float:left; height:70px; line-height:74px; width:12.5%; text-align:center; position:relative;}
.wz_menu .wz_menulist li a{ font-size:16px;color:#898989; font-weight: bold;}

.wz_menu .wz_menulist li:hover a{ color:#009b63; }

.wz_menu .wz_menulist li .smalmenu{ width:100%; position:absolute;top:70px; left:0px; display:none; background:#898989; padding:10px 0px; z-index:10;}
.wz_menu .wz_menulist li .smalmenu a{ display:block; width:100%; font-size:12px; height:25px; line-height:25px; text-align:center; color:#f9f9f9; }
.wz_menu .wz_menulist li .smalmenu a:hover{ font-weight:normal;color:#00f29b;}



/*banner*/
.banner{ width:100%; height:554px; z-index:1;position:relative;}
.banner ul{width:100%; }
.banner ul li{width:100%;height:554px;  }
/* flexslider */
.banner .flexslider{position:relative;height:554px;overflow:hidden;background:url(resource:resource:/css/images/loading.gif) 50% no-repeat;}  /*宽度判断*/
.banner .slides{position:relative;z-index:1;}
.banner .slides li{height:554px;}                                                                                      /*宽度判断*/
.banner .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center; }
.banner .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 15px;*display:inline;zoom:1;}
.banner .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/index/dot.png) right 0 no-repeat;cursor:pointer;}
.banner .flex-control-nav .flex-active{background-position:0 0;}

.banner .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;display:none;}
.banner .flex-direction-nav li a{display:block;width:24px;height:48px;overflow:hidden;cursor:pointer;position:absolute;}
.banner .flex-direction-nav li a.flex-prev{left:40px;background:url(resource:/images/prev.png) center center no-repeat;}
.banner .flex-direction-nav li a.flex-next{right:40px;background:url(resource:/images/next.png) center center no-repeat;}




/*内页的banner 图 宽1200*/
.n_banner{width:1200px; margin: 0px auto;height:361px;  }

/* banner上边的 登录窗口*/
.login_box{ width:280px; height:40px;line-height:40px;color:#FFF; position:absolute; top:0;right:0; background:url(../images/index/in_login_bg.png)no-repeat ; z-index:11;}
.login_box a{ margin:0px 5px; color:#FFF;}
.login_box a:hover{ color:#009b63;}
.login_box a:first-child{ margin-left:25px;}

/**产品中心  */
/*标题  */
.pro_title{ width:100%; height:90px;line-height:90px; text-align:center;  font-size:48px; font-weight:bold; background:url(../images/index/in_001.png) center bottom no-repeat; }
.pro_title span{ font-size:30px; margin-left:20px;}

.p_menu{ width:100%; }
.p_menu li{ width:20%; float:left;}
.p_menu li a{  font-size:18px;   font-weight:bold;  }
.p_menu li img{   cursor: pointer;  transition: all 0.6s;  }
.p_menu li:hover img{  transform: scale(1.2);    }
.p_menu li:hover a{ color:#009b63;   }
.p_menu li label{ display:block; width:100%; margin-top:15px; text-align:center;}


/*首页 新闻部分   
    新闻分类背景：in_002.png*/

.in_new{ width:100%;}
.in_title{  width:100%; font-size:3rem; font-weight:bold;text-align:left;color:#646464;  }
.in_title span{ font-size:2.4rem; margin-left:20px;}


@media (max-width:768px){
    .in_title{font-size:2.5rem;}
    .in_title span{font-size:2rem;}
    .in_title span.pro{display: block; margin:0;}
}
 .in_new_menu{float:left;  line-height:27px;  margin-top:10px; }
 .in_new_menu a{ display:block;float:left;text-align:center; padding:0.3rem 0.5rem; line-height:27px;margin:0px 5px;}

 .in_new_menu a:hover, .in_new_menu a.cur{  background-color: #009b63;
     transform: skewX(-20deg); color:#FFF;z-index:-1;}
.in_new_menu a:hover p, .in_new_menu a.cur p{transform: skewX(20deg); color:#FFF;}


  .in_new_box .in_new_box_l{ }
  .in_new_box .in_new_box_l .flexslider{position:relative;overflow:hidden;}  /*宽度判断*/
  .in_new_box .in_new_box_l .slides{position:relative;z-index:1;}
                                                                                    /*宽度判断*/
  .in_new_box .in_new_box_l .flex-control-nav{position:absolute;bottom:10px;right:20px; z-index:2;width:200px;text-align:center; }
  .in_new_box .in_new_box_l .flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0 15px;*display:inline;zoom:1;}
  .in_new_box .in_new_box_l .flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:40px;overflow:hidden;background:url(../images/index/dot_small.png) right 0 no-repeat;cursor:pointer;}
  .in_new_box .in_new_box_l .flex-control-nav .flex-active{background-position:0 0;}

  .in_new_box .in_new_box_l .l_con{width:100%;  }
  .in_new_box .in_new_box_l .l_con h1{ width:100%; height:30px; line-height:30px; margin:10px 0px;padding:0; font-size:24px;}
  .in_new_box .in_new_box_l .l_con p{ font-size:16px; color:#909090;}



  .in_new_box .in_new_box_r{}
  .in_new_box .in_new_box_r .r_new_list{ width:100%;}
  .in_new_box .in_new_box_r .r_new_list li a{ padding-top:24px;}
  .in_new_box .in_new_box_r .r_new_list li a{ display: block;}
  .in_new_box .in_new_box_r .r_new_list li a:first-child{padding-top:0px; }
  .in_new_box .in_new_box_r .r_new_list li .new_img{ width:37%; float:left;}
  .in_new_box .in_new_box_r .r_new_list li .new_img img{ width:153px; }
  @media(max-width:769px){ .in_new_box .in_new_box_r .r_new_list li .new_img img{ width:100%; }}
  .in_new_box .in_new_box_r .r_new_list li .new_con{ width:60%;  padding-left:3%;float:left;}
  .in_new_box .in_new_box_r .r_new_list li .new_con h1{ width:100%;height:24px; line-height:24px; font-size:20px; font-weight:bold; margin:0; padding:0; margin-bottom:5px;color:#646464; overflow:hidden;}
  .in_new_box .in_new_box_r .r_new_list li .new_con p{ width:100%; line-height:24px; font-size:14px;color:#909090;}





.in_show{ width:100%;overflow:hidden;}
.in_show .in_show_l{ width:660px; height:724px;float:left;overflow:hidden;}
.in_show .in_show_r{ width:653px; height:724px; margin-left:14px;float:left; overflow:hidden;}
.in_show .in_show_r a{ width:100%; height:353px; overflow:hidden; display:block;margin-top:18px;}
.in_show .in_show_r img{ width:653px; height:353px;  }
.in_show .in_show_r a:first-child{ margin-top:0px;}
.in_show img{ cursor: pointer;  transition: all 0.8s;}
.in_show img:hover{  transform: scale(1.2);    }


.in_industry{}
.in_industry .ind_box{ width:100%; }
.in_industry .ind_box li{ width:25%; height:290px; float:left; margin-top:13px; position:relative; }
.in_industry .ind_box li img{ max-width:95%; max-height:318px; z-index:1;}

.in_industry .ind_box li.kuan{ width:50%;}
.in_industry .ind_box li.kuan img{ max-height:648px; max-width:98%;}
.in_industry .ind_box li.gao{ height:648px;}
.in_industry .ind_box li.kuan h1{ width:100%; height:80px; line-height:80px; font-size:36px;color:#646464; font-weight:bold; margin-left:25px;}
.in_industry .ind_box li.kuan h1 span{ font-size:30px; margin-left: 20px;}
.in_industry .ind_box li.kuan p{ padding:0 5px; font-size:16px; color:#909090;line-height:25px; padding-left:55px;}
.in_industry .ind_box li .font-bg{  position:absolute; top:0; left:0; width:100%; height:100%;z-index:2;  }
.in_industry .ind_box li .font-border{display:block; width:140px; height:40px;line-height:40px; text-align:center;  margin:0px auto; margin-top:40%; color:#efefe9;  border:2px solid #efefe9; background:transparent;position:relative;}
.in_industry .ind_box li .font-bg:hover{background:#FFF;  filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; }
.in_industry .ind_box li .font-bg:hover .font-border{ color:#3c3c3c;border:2px solid #3c3c3c ;}


.footer{ width:100%;background:#f1f0f0;}
.f_menu{ }
.f_menu li{ width:12.5%; margin-top:60px; float:left; padding-left:20px;}
.f_menu li:last-child{ width:27%;}
.f_menu  h1{ width:100%; text-align:left; font-size: 1.6rem; color:#999;}
.f_menu  a{ display:block; width:100%; line-height:25px;color:#999;}
.f_menu .f_ico i{ width:30px; height:25px;display:block;float:left; margin-left:25px; background:url(../images/index/in_003.png) top left no-repeat; }
.f_menu  img{ padding-left:10px;}


.f_menu .f_ico i.weibo{background-position:0 0;}
.f_menu .f_ico i.QQ{background-position:-49px 0 ;}
.f_menu .f_ico i.WX{background-position:-100px  0;}
.f_menu .f_ico i.KJ{background-position:-149px  0;}

.f_menu .f_ico i.weibo:hover{background-position:0 -27px;}
.f_menu .f_ico i.QQ:hover{background-position:-49px -27px ;}
.f_menu .f_ico i.WX:hover{background-position:-100px  -27px;}
.f_menu .f_ico i.KJ:hover{background-position:-149px  -27px;}
.f_copy{ font-size:12px; color:#787878; padding-left:20px; }
f_copy span{ font-family:Arial;}

.duan{ width:400px; float:left;}

@media screen and (max-width:769px){
    .in_new_box{
        padding: 1rem;}
    .in_new_box .in_new_box_r .r_new_list li .new_img{
        width: 100%;}
    .in_new_box .in_new_box_r .r_new_list li .new_con{ width: 100%;}
}